<div id="login" class="main">
    <div class="header">
            <div class="container">
                <div class="pull-left logo">
                    <a ui-sref="CloudPlatform.home">
                        <img ng-src="{{imgApi+'logo/logo.png'}}" onerror="javascript:this.src='src/imgs/logo.png';"/>
                        <span>统一认证中心</span>
                    </a>
                </div>
            </div>
        </nav>
    </div>
    <div class="container" style="padding-top:120px">
        <div class="col-md-6 hidden-sm hidden-xs" style="padding-top:30px;background-image: radial-gradient(#74fdbb,#57cb93,#57cb93)">
            <img src="src/imgs/login.png"/>
        </div>
        <div class="col-md-6">
            <div class="login-box">
                <div class="h3" style="margin-left: -15px">账号登录 <span class="text-muted">| Account login</span>
                </div>
                <form class="form-horizontal" method="post" name="LoginForm" novalidate="novalidate"
                      ng-submit="Login(user)">
                    <div class="form-group ">
                        <input type="text" class=form-control name="school" placeholder="学校"/>
                    </div>
                    <div class="form-group has-feedback"
                         ng-class="{'has-success':LoginForm.account.$valid,'has-error':LoginForm.account.$invalid&&LoginForm.account.$dirty}">
                        <!--<label class="col-md-2 control-label"><em class="must-point">*</em>联系电话:</label>-->
                        <input type="text" class="form-control" name="account" placeholder="帐户" required
                               ng-model='user.loginCode'>
                        <span class="glyphicon form-control-feedback" aria-hidden="true"
                              ng-class="{'glyphicon-ok':LoginForm.account.$valid,'glyphicon-remove':LoginForm.account.$invalid&&LoginForm.account.$dirty}"></span>
                    </div>
                    <div class="form-group has-feedback"
                         ng-class="{'has-success':LoginForm.Password.$valid,'has-error':LoginForm.Password.$invalid&&LoginForm.Password.$dirty}">
                        <!--<label class="col-md-2 control-label"><em class="must-point">*</em>邮箱:</label>-->
                        <input type="password" class="form-control" name="Password" placeholder="密码" required
                               ng-model='user.password'>
                        <span class="glyphicon form-control-feedback" aria-hidden="true"
                              ng-class="{'glyphicon-ok':LoginForm.Password.$valid,'glyphicon-remove':LoginForm.Password.$invalid&&LoginForm.Password.$dirty}"></span>
                    </div>
                    <div class="checkbox" style="margin-left:-15px;">
                        <label class="text-muted">
                            <input type="checkbox" ng-model="RememberPsw"> 记住密码
                        </label>
                    </div>
                    <div class="form-group">
                        <div class="text-center mt reg-btn">
                            <button type="submit" class="btn btn-success btn-block"
                                    ng-disabled="LoginForm.$invalid">
                                登录
                            </button>
                        </div>
                    </div>
                </form>
                <p style="margin-left: -15px">
                    <a ui-sref="CloudPlatform.FindPsw">忘记密码</a>
                    <!--<span class="pull-right">还没有账号?<a ui-sref="CloudPlatform.RoleChoices">立即注册</a></span>-->
                </p>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="text-center">
            <span></span>
            <a href="">首页</a>
            <a href="">产品介绍</a>
            <a href="">新闻资讯</a>
            <a href="">招商合作</a>
            <a href="">关于我们</a>
            <span></span>
        </div>
        <div class=text-center>
            © 2017 深圳龙创软件有限公司
        </div>
    </div>
</div>